
<div id="content">
	<div class="row  crumb_row">
		<big-breadcrumbs items="['操作日志', '查看用户各种操作的基本信息，提供查询与导出功能']" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"></big-breadcrumbs>
		<alert-message  level=level message=message show=show class="col-xs-8 col-sm-5 col-md-5 col-lg-3"></alert-message>
	</div>
	<state-breadcrumbs></state-breadcrumbs>
	<section id="widget-grid" widget-grid>
		<div class="row">
			<div class="col-sm-12 col-md-13 col-lg-12 col-xs-12 action_wrap" >
				<button class="btn  btn_blue" ng-click="searchAndExport()" ng-show="apis.Other.saveOperationLogsToCSV" style="height: 33px">查询并导出</button>
				<div class="btn-group  pull-right" >
					<input ng-click="search()" value="刷新" type="button" class="btn btn_lightblue" />
				</div>
			</div>
			<article class="col-sm-12 col-md-13 col-lg-12 col-xs-12">
				<div class="widget-body">
					<div id="operation_log_wrap">
						<div class="dt-toolbar">
							<div class="col-xs-2 col-sm-2">
								显示&nbsp;<select data-width="80px" class="selectpicker" id="operationlog_select" ng-model="operationlog_select" style="background-color: white;"  name="timeSelect"  ng-change="startNum=0;loadTab()" ng-init="operationlog_select=selectGroups[0]">
									<option ng-repeat="option in selectGroups" value="{{option}}">{{option}}条</option>
								</select>
							</div>
							<div class="col-xs-10 col-sm-10">
								<div class="row">
									<div  style="float: right;padding-right:8px" >
										<div style="float:left">
											<div class="input_search " >
												<input  type="text" ng-model="logItem1"  placeholder="用户名" id="accountNameSearch" style="padding-right: 25px;" />
												<i ng-show="logItem1" class="fa fa-times-circle item-error-style2" ng-click="clearSelf(1)"></i>
											</div>
											<div class="input_search " >
												<input  type="text" ng-model="logItem2" placeholder="操作对象" id="operationObjectSearch" style="padding-right: 25px;"/>
												<i ng-show="logItem2" class="fa fa-times-circle item-error-style2" ng-click="clearSelf(2)"></i>
											</div>
											<div style="float:left;margin-bottom:10px;margin-left:8px">
												<select  class="selectpicker operationClass" data-width="118px" id="typeSearch" data-size="8" data-live-search="true">
													<option value="" selected>所有操作类型</option>
													<option value="CREATE">创建</option>
													<option value="APPLY">应用</option>
													<option value="CANCEL">取消</option>
													<option value="DELETE">删除</option>
													<option value="EXTEND">扩展</option>
													<option value="SEARCH">查询</option>
													<option value="LAUNCH">挂载(驱动)</option>
													<option value="UMOUNT">卸载(驱动)</option>
													<option value="CYCLE">回收</option>
													<option value="MODIFY">修改</option>
													<option value="LOGIN">登录</option>
													<option value="LOGOUT">登出</option>
													<option value="ADD">添加</option>
													<option value="RESET">重置</option>
													<option value="ONLINE">挂载(磁盘)</option>
													<option value="OFFLINE">卸载(磁盘)</option>
													<option value="ASSIGN">分配</option>
													<option value="MIGRATE">重构</option>
													<option value="REBALANCE">负载均衡</option>
												</select>
											</div>
											<div style="float:left;margin-bottom:10px;margin-left:8px">
												<select  class="selectpicker operationClass" data-width="118px" data-live-search="true" id="targetTypeSearch" data-size="8">
													<option value="" selected>所有目标类型</option>
													<option value="DOMAIN">域</option>
													<option value="STORAGEPOOL">存储池</option>
													<option value="VOLUME">卷</option>
													<option value="DISK">磁盘</option>
													<option value="SERVICE">服务</option>
													<option value="ACCESSRULE">客户机</option>
													<option value="USER">用户</option>
													<option value="ROLE">角色</option>
													<option value="PASSWORD">密码</option>
													<option value="QOS">QOS</option>
													<option value="DRIVER">驱动</option>
												</select>
											</div>
											<div style="float:left;margin-bottom:10px;margin-left:8px">
												<select  class="selectpicker" data-width="118px" id="filterStatus">
													<option value="" selected>所有状态</option>
													<option value="SUCCESS">成功</option>
													<option value="FAILED">失败</option>
													<option value="ACTIVITING">进行中</option>
												</select>
											</div>
											<div class="input_search " >
												<input type="text" ng-model="startTime" id="startTime" placeholder="开始时间" class="datepicker" data-smart-datepicker options="datepickerOptions" data-date-format="yy-mm-dd" style="padding-right: 25px;">
												<i ng-show="startTime" class="fa fa-times-circle item-error-style2" ng-click="clearSelf(3)"></i>
											</div>
											<div class="input_search ">
												<input  type="text" id="endTime" placeholder="结束时间" ng-model="endTime" class="datepicker" data-smart-datepicker options="datepickerOptions" data-date-format="yy-mm-dd" style="padding-right: 25px;">
												<i ng-show="endTime" class="fa fa-times-circle item-error-style2" ng-click="clearSelf(4)"></i>
											</div>
											<div style="float:left;margin-right: 10px;">&nbsp;&nbsp;
												<button class="btn  btn_lightblue" ng-click="search()" style="height: 33px">查询</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<table class="table table-striped  table-hover dataTable" id="operationlogTab">
							<thead>
								<tr role="row">
									<th>用户名</th>
									<th>操作类型</th>
									<th>目标类型</th>
									<th>操作对象</th>
									<th>状态</th>
									<th>开始时间</th>
									<th>结束时间</th>
									<th>错误信息</th>
								</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
						<div class="dt-toolbar-footer">
							<div class="col-sm-6 col-xs-12 hidden-xs">
								<div class="dataTables_info" id="operationlogTab_info" role="status" aria-live="polite">
									显示第  <span ng-bind="dataLength==0?0:startNum+1" ></span> 至 <span ng-bind="startNum+dataLength" ></span> 项结果，共 <span id="totalSize" ng-bind="totalSize"></span> 项
								</div>
							</div>
							<div class="col-xs-12 col-sm-6">
								<div class="dataTables_paginate paging_full_numbers">
									<ul class="pagination" id="opertationlog_pagination">
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</article>
		</div>
	</section>
</div>